<%--%----%>
<%--Created by IntelliJ IDEA.--%>
<%--User: jiangzhenzhen--%>
<%--Date: 2018/7/18--%>
<%--Time: 15:18--%>
<%--To change this template use File | Settings | File Templates.--%>
<%--&ndash;%&gt;--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ include file="/WEB-INF/jsp/component/common.jsp" %>

<html>
<head>
    <title>失智档案--ADIE记录</title>
    <%--<%@ include file="/WEB-INF/jsp/component/commonBottom.jsp" %>--%>
    <script src="${assets}/js/views/vue.min.js"></script>
    <link rel="stylesheet" href="${frames}/css/lib/bootstrap.min.css" type="text/css">
    <%--<link rel="stylesheet" href="${frames}/css/lib/dataTables.bootstrap.css" type="text/css">--%>
    <%@ include file="/WEB-INF/jsp/component/commonBottom.jsp" %>
    <script type="text/javascript" src="${assets}/js/echarts.js"></script>
    <link rel="stylesheet" href="${frames}/css/paginate.css" type="text/css">
    <script src="${js}/jquery-1.9.1.min.js"></script>
    <link href="${assets}/css/bootstrap-datetimepicker.css" type="text/css">
    <script src="${assets}/js/bootstrap-datetimepicker.min.js"></script>
    <link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
    <link rel="stylesheet" href="http://netdna.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="${assets}/css/bootstrapDatepickr-1.0.0.css">
    <script src="${assets}/js/bootstrapDatepickr-1.0.0.min.js"></script>
    <%--<link rel="stylesheet" href="${frames}/css/lib/dataTables.bootstrap.css" type="text/css">--%>
    <%--<link rel="stylesheet" href="${frames}/css/paginate.css" type="text/css">--%>
    <%--<link rel="stylesheet" href="${newframe}/css/base/base.css" type="text/css">--%>
    <%--<link rel="stylesheet" href="${frames}/css/table.css" type="text/css">--%>
    <link rel="stylesheet" href="${frames}/css/qulitity.css" type="text/css">
    <%--<link rel="stylesheet" href="../assets/css/views/modules/_common.scss">--%>
    <%--<link rel="stylesheet" href="${frames}/css/qulitity.css" type="text/css" type="text/css">--%>
    <%--<script src="${assets}/js/views/bpAbnormal.js"></script>--%>
    <link rel="stylesheet" href="${assets}/css/views/modules/_common.scss">
    <link rel="stylesheet" href="${assets}/css/views/archives/pArchives.css">
    <link rel="stylesheet" href="${assets}/css/views/department/departmentMgr.css">
    <script src="${frames}/Chronic/laydate/laydate.js"></script>
    <script src="${js}/jquery.dataTables.js"></script>
    <style>
        #tablepart5 .dataTables_paginate .current,
        #table3 .dataTables_paginate .active {
            color: #35acfd;
            cursor: default;
            background-color: #ffffff;
            border: none;
        }

        #tablepart5 .dataTables_paginate a,
        #table3 .dataTables_paginate a {
            display: inline-block;
            width: 24px;
            height: 24px;
            border: none;
            color: #333333;
            text-align: center;
        }

        #tablepart5 .pagination .active a,
        #table3 .pagination .active a {
            color: #35acfd;
            cursor: default;
            background-color: #ffffff;
            border: none;
        }

        #bpillness span {
            margin-top: 0 !important;
        }

        .feritin input {
            /*width:20px;*/
            /*height:20px;*/
            vertical-align: middle;
            margin-bottom: 7px;
            display: inline-block !important;
        }

        /*各种历史，默认隐藏*/
        .personHistory {
            display:none;
        }
        #illnessTable tr td{
            border:#ccc solid 1px;
            padding: 5px 10px;
            color:#666666;
        }
        #illnessTable tr td:first-child{
            width:22%;
        }
    </style>
</head>
<body>
<div>
    <%@ include file="../../breadline.jsp" %>
</div>
<div id="main">
    <%--    病人基本信息模块开始--%>
    <div style="padding-bottom:20px;background-color: #ffffff;box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.05);">
        <div style="margin-left:19px;">
            <div class="first_news">
                <div class="news" style="margin-top:15px;margin-bottom:16px;">
                    <h3>病人基本信息</h3>
                    <button type="button" class="btn btn-info" @click="updateInfo()" >
                        <img src="${assets}/images/revise.png" alt="" style="width:16px;vertical-align: middle;">  修改
                    </button>
                    <%--                    <button :disabled="dis" id="btnText" v-if="synchronous" type="button" class="btn btn-info" @click="Synchronous($event)">{{btnText}}</button>--%>
                </div>
                <div style="display: flex;">
                    <div class="img" style="width:12%;">
                        <img src="${assets}/images/img1.png" alt="头像">
                    </div>
                    <div class="infor" style="width:80%;margin-left:2%;">
                        <div>
                            <span style="width:17%;">姓名: &nbsp;{{infor.realname}}</span>
                            <span style="width:15%;">性别: &nbsp;{{infor.sex}}</span>
                            <span style="width:15%;">年龄: &nbsp;{{infor.age}}</span>
                            <span style="width:22%;">出生日期: &nbsp;{{infor.birthday}}</span>
                            <span>身份证号: &nbsp;{{infor.idcard}}</span>
                        </div>
                        <div>
                            <span style="width:17%;">身高: &nbsp;{{infor.height}}cm</span>
                            <span style="width:15%;">体重: &nbsp;{{infor.weight}}kg</span>
                            <span style="width:15%;">BMI: &nbsp;{{infor.bMI}}</span>
                            <span style="width:22%;">腰围: &nbsp;{{infor.waist}}cm</span>
                            <span style="width:24%;">联系电话: &nbsp;{{infor.phone}}</span>
                        </div>
                        <div class="other">
                            <span style="width:30%;margin-right:0;vertical-align:middle">地址: &nbsp;{{infor.homeaddress}}</span>
                            <span style="width:33%;margin-right:0;vertical-align:middle">现患疾病诊断信息: &nbsp;{{infor.diseaseDiagnosis}}</span>
                            <span class="type" style="width:20%;margin-left:5%;vertical-align:middle;">
                                <p :title="infor.diseasesType" style="overflow: hidden;-webkit-line-clamp: 1;display: -webkit-box;-webkit-box-orient: vertical;">疾病类型: &nbsp;{{infor.diseaseName}}</p>
                            </span>
                        </div>
                        <div class="type" style="margin-top:13px;">
                            <b style="margin-right:5%;font-weight: 100;">建档医生: &nbsp;{{infor.doctor}}</b>
                            <b style="font-weight: 100;margin-right:5%;">建档机构: &nbsp;{{infor.hospName}}</b>
                            <b style="font-weight: 100;">备注: &nbsp;{{infor.remark}}<br/></b>
                            <b style="font-weight: 100;" id="bgRemark"></b>
                            <b style="font-weight: 100;" id="bpRemark"></b>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <%--    病人基本信息模块结束--%>
    <%--    诊疗信息开始--%>
    <div class="illness" style="width:99%; margin-right:19px;">
        <div class="tableWrap" style="padding-bottom:20px;background-color: #ffffff;box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.05);">
            <div style="margin-left:20px;">
                <h3 style="margin-bottom:16px;font-size:20px;">诊疗信息</h3>
                <button type="button" class="btn btn-info" @click="saveADL()">
                    <img src="${assets}/images/revise.png" alt="" style="width:16px;vertical-align: middle;">  保存
                </button>
            </div>
            <div style="margin-left:19px;">
                <div class="way">
                    <span style="width:5px;padding-bottom:25px;background-color:#35acfd;display:inline-block;vertical-align:middle;margin-right:10px;"></span>
                    <span class="title">ADL记录</span>
                    <div class="way_content">
                        <div style="margin-bottom:0px;">
                            <label for="">ADL记录日期：</label>
                            <div class="input-group date form_date" data-date-format="yyyy-mm-dd" style="display:inline-block !important;width:15%;">
                                <input id="beginDate" type="text" class="lay-date" v-model="ADLData.answerTime" readonly style="width:100% !important;">
                            </div>
                            <label for="" style="margin-left:40px;">病区：</label>
                            <input type="text" v-model="ADLData.patientWard">
                            <label for="" style="margin-left:40px;">床号：</label>
                            <input type="text" v-model="ADLData.patientBedNo">
                            <label for="" style="margin-left:40px;">住院号：</label>
                            <input type="text" v-model="ADLData.patientHospitalNumber">
                        </div>
                    </div>
                    <div class="way">
                        <span style="width:5px;padding-bottom:25px;background-color:#35acfd;display:inline-block;vertical-align:middle;margin-right:10px;"></span>
                        <span class="title">ADL常用评定量表</span>
                        <div class="way_content">
                            <div class="feritin fadeContainer">
                                <div class="question">
                                    <label style="margin-top:5px;">1、大便</label>
                                </div>
                                <div class="getscore" style="margin:5px 24px;width:100%;height:24px;">
                                    <div class="right" style="margin-right:30px;float:left;width:28%;">
                                        <label for="" style="margin-right:10px;">失禁或昏迷</label>
                                        <input type="radio" v-model="ADLData.stool" value="0" @change="getRadioVal" name="stool" style="margin-right:30px;">
                                    </div>
                                    <div class="error" style="float:left;width:32%;">
                                        <label for="">偶尔失禁（每周小于一次）</label>
                                        <input type="radio" v-model="ADLData.stool" value="5" name="stool" @change="getRadioVal">
                                    </div>
                                    <div class="error" style="float:left;width:28%;">
                                        <label for="">能控制</label>
                                        <input type="radio" v-model="ADLData.stool" value="10" name="stool" @change="getRadioVal">
                                    </div>
                                </div>
                            </div>
                            <div class="feritin fadeContainer">
                                <div class="question">
                                    <label style="margin-top:5px;">2、小便</label>
                                </div>
                                <div class="getscore" style="margin:5px 24px;width:100%;height:24px;">
                                    <div class="right" style="margin-right:30px;float:left;width:28%;">
                                        <label for="" style="margin-right:10px;">失禁或昏迷或由他人导尿</label>
                                        <input type="radio" v-model="ADLData.pee" value="0" @change="getRadioVal" name="pee" style="margin-right:30px;">
                                    </div>
                                    <div class="error" style="float:left;width:32%;">
                                        <label for="">偶尔失禁（24h小于一次、每周大于1次）</label>
                                        <input type="radio" v-model="ADLData.pee" value="5" name="pee" @change="getRadioVal">
                                    </div>
                                    <div class="error" style="float:left;width:28%;">
                                        <label for="">能控制</label>
                                        <input type="radio" v-model="ADLData.pee" value="10" name="pee" @change="getRadioVal">
                                    </div>
                                </div>
                            </div>
                            <div class="feritin fadeContainer">
                                <div class="question">
                                    <label style="margin-top:5px;">3、修饰</label>
                                </div>
                                <div class="getscore" style="margin:5px 24px;width:100%;height:24px;">
                                    <div class="right" style="margin-right:30px;float:left;width:30%;">
                                        <label for="" style="margin-right:10px;">需帮助</label>
                                        <input type="radio" v-model="ADLData.modification" value="0" @change="getRadioVal" name="modification" style="margin-right:30px;">
                                    </div>
                                    <div class="error" style="float:left;width:30%;">
                                        <label for="">能独立洗脸、梳头、刷牙、剃须</label>
                                        <input type="radio" v-model="ADLData.modification" value="5" name="modification" @change="getRadioVal">
                                    </div>
                                </div>
                            </div>
                            <div class="feritin fadeContainer">
                                <div class="question">
                                    <label style="margin-top:5px;">4、用厕</label>
                                </div>
                                <div class="getscore" style="margin:5px 24px;width:100%;height:24px;">
                                    <div class="right" style="margin-right:30px;float:left;width:28%;">
                                        <label for="" style="margin-right:10px;">依赖别人</label>
                                        <input type="radio" v-model="ADLData.useToilet" value="0" @change="getRadioVal" name="useToilet" style="margin-right:30px;">
                                    </div>
                                    <div class="error" style="float:left;width:32%;">
                                        <label for="">需部分帮助</label>
                                        <input type="radio" v-model="ADLData.useToilet" value="5" name="useToilet" @change="getRadioVal">
                                    </div>
                                    <div class="error" style="float:left;width:28%;">
                                        <label for="">完全自理</label>
                                        <input type="radio" v-model="ADLData.useToilet" value="10" name="useToilet" @change="getRadioVal">
                                    </div>
                                </div>
                            </div>
                            <div class="feritin fadeContainer">
                                <div class="question">
                                    <label style="margin-top:5px;">5、吃饭</label>
                                </div>
                                <div class="getscore" style="margin:5px 24px;width:100%;height:24px;">
                                    <div class="right" style="margin-right:30px;float:left;width:28%;">
                                        <label for="" style="margin-right:10px;">依赖别人</label>
                                        <input type="radio" v-model="ADLData.eat" value="0" @change="getRadioVal" name="eat" style="margin-right:30px;">
                                    </div>
                                    <div class="error" style="float:left;width:32%;">
                                        <label for="">需部分帮助</label>
                                        <input type="radio" v-model="ADLData.eat" value="5" name="eat" @change="getRadioVal">
                                    </div>
                                    <div class="error" style="float:left;width:28%;">
                                        <label for="">完全自理</label>
                                        <input type="radio" v-model="ADLData.eat" value="10" name="eat" @change="getRadioVal">
                                    </div>
                                </div>
                            </div>
                            <div class="feritin fadeContainer">
                                <div class="question">
                                    <label style="margin-top:5px;">6、床到轮椅转移</label>
                                </div>
                                <div class="getscore" style="margin:5px 24px;width:100%;height:24px;">
                                    <div class="right" style="margin-right:30px;float:left;width:25%;">
                                        <label for="" style="margin-right:10px;">完全依赖别人，不能坐</label>
                                        <input type="radio" v-model="ADLData.bedToWheelchairTransfer" value="0" @change="getRadioVal" name="bedToWheelchairTransfer" style="margin-right:30px;">
                                    </div>
                                    <div class="error" style="float:left;width:25%;">
                                        <label for="">需大量帮助（2人）能坐</label>
                                        <input type="radio" v-model="ADLData.bedToWheelchairTransfer" value="5" name="bedToWheelchairTransfer" @change="getRadioVal">
                                    </div>
                                    <div class="error" style="float:left;width:25%;">
                                        <label for="">需小量帮助（1人）或指导</label>
                                        <input type="radio" v-model="ADLData.bedToWheelchairTransfer" value="10" name="bedToWheelchairTransfer" @change="getRadioVal">
                                    </div>
                                  <div class="error" style="float:left;width:20%;">
                                        <label for="">自理</label>
                                        <input type="radio" v-model="ADLData.bedToWheelchairTransfer" value="15" name="bedToWheelchairTransfer" @change="getRadioVal">
                                    </div>
                                </div>
                            </div>
                            <div class="feritin fadeContainer">
                                <div class="question">
                                    <label style="margin-top:5px;">7、活动（步行）（在病房及期  周围，不包括走远路）</label>
                                </div>
                                <div class="getscore" style="margin:5px 24px;width:100%;height:24px;">
                                    <div class="right" style="margin-right:30px;float:left;width:20%;">
                                        <label for="" style="margin-right:10px;">不能动</label>
                                        <input type="radio" v-model="ADLData.action" value="0" @change="getRadioVal" name="action" style="margin-right:30px;">
                                    </div>
                                    <div class="error" style="float:left;width:25%;">
                                        <label for="">在轮椅上独立步行</label>
                                        <input type="radio" v-model="ADLData.action" value="5" name="action" @change="getRadioVal">
                                    </div>
                                    <div class="error" style="float:left;width:25%;">
                                        <label for="">需1人帮助（体力或言语指导）</label>
                                        <input type="radio" v-model="ADLData.action" value="10" name="action" @change="getRadioVal">
                                    </div>
                                    <div class="error" style="float:left;width:25%;">
                                        <label for="">独立步行（可用辅助器）</label>
                                        <input type="radio" v-model="ADLData.action" value="15" name="action" @change="getRadioVal">
                                    </div>
                                </div>
                            </div>
                            <div class="feritin fadeContainer">
                                <div class="question">
                                    <label style="margin-top:5px;">8、穿衣</label>
                                </div>
                                <div class="getscore" style="margin:5px 24px;width:100%;height:24px;">
                                    <div class="right" style="margin-right:30px;float:left;width:28%;">
                                        <label for="" style="margin-right:10px;">依赖</label>
                                        <input type="radio" v-model="ADLData.dress" value="0" @change="getRadioVal" name="dress" style="margin-right:30px;">
                                    </div>
                                    <div class="error" style="float:left;width:28%;">
                                        <label for="">需一半帮助</label>
                                        <input type="radio" v-model="ADLData.dress" value="5" name="dress" @change="getRadioVal">
                                    </div>
                                    <div class="error" style="float:left;width:32%;">
                                        <label for="">自理（系开纽扣，关、开拉链或穿鞋等）</label>
                                        <input type="radio" v-model="ADLData.dress" value="10" name="dress" @change="getRadioVal">
                                    </div>
                                </div>
                            </div>
                            <div class="feritin fadeContainer">
                                <div class="question">
                                    <label style="margin-top:5px;">9、上楼梯（上下一段楼梯，用手杖也算独立）</label>
                                </div>
                                <div class="getscore" style="margin:5px 24px;width:100%;height:24px;">
                                    <div class="right" style="margin-right:30px;float:left;width:25%;">
                                        <label for="" style="margin-right:10px;">不能</label>
                                        <input type="radio" v-model="ADLData.climbStairs" value="0" @change="getRadioVal" name="climbStairs" style="margin-right:30px;">
                                    </div>
                                    <div class="error" style="float:left;width:25%;">
                                        <label for="">需帮助</label>
                                        <input type="radio" v-model="ADLData.climbStairs" value="5" name="climbStairs" @change="getRadioVal">
                                    </div>
                                    <div class="error" style="float:left;width:25%;">
                                        <label for="">自理</label>
                                        <input type="radio" v-model="ADLData.climbStairs" value="10" name="climbStairs" @change="getRadioVal">
                                    </div>
                                </div>
                            </div>
                            <div class="feritin fadeContainer">
                                <div class="question">
                                    <label style="margin-top:5px;">10、洗澡</label>
                                </div>
                                <div class="getscore" style="margin:5px 24px;width:100%;height:24px;">
                                    <div class="right" style="margin-right:30px;float:left;width:25%;">
                                        <label for="" style="margin-right:10px;">依赖</label>
                                        <input type="radio" v-model="ADLData.bathe" value="0" @change="getRadioVal" name="bathe" style="margin-right:30px;">
                                    </div>
                                    <div class="error" style="float:left;width:25%;">
                                        <label for="">自理</label>
                                        <input type="radio" v-model="ADLData.bathe" value="5" name="bathe" @change="getRadioVal">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="result way">
                        <span style="width:5px;padding-bottom:25px;background-color:#35acfd;display:inline-block;vertical-align:middle;margin-right:10px;"></span>
                        <span class="title">量表评估结果</span>

                        <div class="ramark" style="width:90%;margin:0 auto;height:60px;">
                            <h3>注：0-20分=极严重的功能缺陷， 25-45分=严重的功能缺陷，50-70分=中度功能缺陷，75-95=轻度功能缺陷，
                                100分=日常生活活动自理
                            </h3>
                            <div class="scoreResult">
                                <div class="score" style="width:30%;float:left;height:45px;padding:5px 0;">
                                    <h3 style="float:left;">分数：</h3>
                                    <input v-model="ADLData.score" style="font-size:18px;font-weight:600;border:none;border-bottom:#ccc solid 1px;width:60px;line-height:36px;"/>
                                </div>
                                <div class="score" style="width:60%;float:left;height:45px;padding:5px 0;">
                                    <h3 style="float:left;">结果：</h3>
                                    <input v-model="ADLData.result" style="font-size:18px;font-weight:600;border:none;border-bottom:#ccc solid 1px;width:160px;line-height:36px;"/>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
            <%--    诊疗信息结束--%>
        </div>

        <script>
          var vm = new Vue({
            el: "#main",
            data:{
              id:'',
              idcard:'',
              TotalScore:'',
              infor:{},
              ADLData:{
                id:'',
                idCard:'',
                answerTime:'',    //答题时间
                patientName:'',    //病人姓名
                patientWard:'',     //病人病区
                patientBedNo:'',    //病人床号
                patientHospitalNumber:'',    //病人住院号
                stool:'',  //大便
                pee:'',      //小便
                modification:'',    //修饰
                useToilet:'',           //用厕
                eat:'',          //吃饭
                bedToWheelchairTransfer:'',          //床到轮椅转移
                action:'',     //活动
                climbStairs:'',       //上楼梯（上下一段楼梯，用手杖也算独立）
                bathe:'',     //洗澡
                score:'',    //得分
                result:''    //结果
              },
              question:{}
            },
            methods:{
              getPersonalInfo(){
                let that = this;
                // 获取病人信息
                $.ajax({
                  url: "${URL_PATIENT_PATIENTINFO}",
                  type: 'post',
                  dataType: "json",
                  data: {
                    idCard: that.idcard
                  },
                  success: function (data) {
                    if(data.success){
                      that.infor = data.data;
                    }
                  }
                })
              },
              initLayDate(id) {
                laydate({
                  elem: id,
                  istime: true,
                  format: 'YYYY-MM-DD',
                  choose: function (dates) { //选择好日期的回调
                    // initTablePatient();
                  }
                })
              },
              // 新增ADIE记录、修改ADIE记录
              saveADL(){
                var that = this;
                var url = '';
                that.ADLData.idCard= that.idcard;
                that.ADLData.answerTime = $('#beginDate').val();
                if(that.id == ''){
                  url = '${ctx}/lose/wisdom/barthel/adl/save';
                }else{
                  that.ADLData.id = that.id;
                  url = '${ctx}/lose/wisdom/barthel/adl/update';
                }
                $.ajax({
                  url:url,
                  contentType:'application/x-www-form-urlencoded',
                  traditional:true,
                  data: that.ADLData,
                  dataType:'json',
                  type:'post',
                  success:function(data){
                    $.ajax({
                      url:"${URL_SCREENING_GETBREADLINE}",
                      dataType:'json',
                      type:'post',
                      success:function(data){
                        var urlLib = '';
                        urlLib = JSON.parse(data.data).slice(0,urlLib.length-1);

                        $.ajax({
                          url:'${URL_SCREENING_SAVEBREADLINE}',
                          data:{
                            breadLine:JSON.stringify(urlLib)
                          },
                          dataType:'json',
                          type:'post',
                          success:function(data){
                            parent.showSrc(urlLib[urlLib.length-1].href);
                            // 刷新当前页面
                            window.parent.simpleCloseModal();
                          }
                        })
                      }
                    })
                  }
                })
              },
              // 修改病人基本信息
              updateInfo: function () {
                let that = this;
                var add = location.search.split('?')[1].split('&')
                var type = location.search.split('?')[1].split('&')[add.length - 1].split('=')[1];

                window.parent.showNewModelIframe("${ctx}/pppatientbase/new/update?id=" + that.infor.id + '&diseasesType=' + type + '&type=' + that.Type, 800, 650);
              },
              getRadioVal() {
                let sum = 0;
                console.log(this.ADLData.stool);
                const {stool,pee,modification,useToilet,eat,bedToWheelchairTransfer,action,climbStairs,bathe} = this.ADLData;

                this.question = {stool,pee,modification,useToilet,eat,bedToWheelchairTransfer,action,climbStairs,bathe};
                for(let i in this.question){
                  if(this.question[i] == ''){
                    this.question[i] = 0;
                  }else{
                    this.question[i] = parseInt(this.question[i]);
                  }
                  sum += parseInt(this.question[i]);
                }
                if(sum >= 0 && sum < 25){
                  this.ADLData.result = '极严重的功能缺陷';
                }else if(sum >= 25 && sum < 45){
                  this.ADLData.result = '严重的功能缺陷';
                }else if(sum >= 45 && sum < 75){
                  this.ADLData.result = '中度功能缺陷';
                }else if(sum >=75  && sum < 95){
                  this.ADLData.result = '轻度功能缺陷';
                }

                this.TotalScore = sum;
                this.ADLData.score = this.TotalScore;

              },
              // 回显ADIE的内容
              show:function(id){
                var that = this;
                $.ajax({
                  url:'${ctx}/lose/wisdom/barthel/adl/detail',
                  // contentType:'application/json;charset=utf-8',
                  contentType:'application/x-www-form-urlencoded',
                  data: {
                    id:id
                  },
                  dataType:'json',
                  type:'post',
                  success:function(res){
                    const {answerTime,patientName,patientWard,patientBedNo,patientHospitalNumber,stool,pee,modification,useToilet,eat,bedToWheelchairTransfer,action,climbStairs,bathe,score,result} = res.data;

                    that.ADLData =  {answerTime,patientName,patientWard,patientBedNo,patientHospitalNumber,stool,pee,modification,useToilet,eat,bedToWheelchairTransfer,action,climbStairs,bathe,score,result};
                  }
                })
              },
              // 获取地址里的参数
              getParams(name){
                name = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");
                var regexS = "[\\?&]"+name+"=([^&#]*)";
                var regex = new RegExp( regexS );
                var results = regex.exec( window.location.href );
                if( results == null )
                  return "";
                else
                  return results[1];
              },
              // 当前日期
              getNowFormatDate() {
                var date = new Date();
                var seperator1 = "-";
                var year = date.getFullYear();
                var month = date.getMonth() + 1;
                var strDate = date.getDate();
                if (month >= 1 && month <= 9) {
                  month = "0" + month;
                }
                if (strDate >= 0 && strDate <= 9) {
                  strDate = "0" + strDate;
                }
                var currentdate = year + seperator1 + month + seperator1 + strDate;
                return currentdate;
              },
            },
            mounted(){
              this.idcard = this.getParams("idCard");
              this.id = this.getParams('id');
              this.getPersonalInfo(this.idcard);
              this.initLayDate('#beginDate');
              // 获取用药数据
              var date = this.getNowFormatDate();
              this.ADLData.answerTime = date;
              if(this.id != ''){
                this.show(this.id);
              }
            }
          })


        </script>
</body>
</html>